<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%-- <%@ taglib prefix="s" uri="/struts-tags" %> --%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ page import="com.kh.pajx.sop.util.common.DicUtil"%>
<script src="${pageContext.request.contextPath}/dwz/chart/raphael.js"
	type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/dwz/chart/g.raphael.js"
	type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/dwz/chart/g.bar.js"
	type="text/javascript"></script>
<style>
.myunit {
	width: 4px;
	height: 24px;
	float: left;
}

.lu {
	width: 48px;
	height: 24px;
	float: left;
	text-align: center;
	background-color: #999999;
	
}

.redDiv {
	background-color: #F88A73;
}

.greenDiv {
	background-color: #B5DB67;
}

.grayDiv {
	background-color: #D0D0D0;
}

.td_code {
	width: 100px;
	line-height: 24px;
	text-align: center;
	background-color: #999999;
	font-size: 12px;
	float: left;
	border-bottom: 1px solid white;
}

</style>
	
<div class="pageContent"layoutH="52" >
	<div style="width: 1254px">
		<div style="width: 100%">
			<div style="clear: both;">
				<c:if test="${!empty timeList }">
					<div class="td_code">监控</div>
					<c:forEach items="${timeList }" var="time" step="12">
						<div class="lu">
							<font color="#FFFFFF"> ${fn:substring(time, 0, 2)} </font>
						</div>
					</c:forEach>
				</c:if>
			</div>

			<div style="clear: both;" >
			${message }
				<c:forEach items="${staMap }" var="sta">
					<div style="clear: both;height: 24px;width: 1254px;">
						<div class="td_code">${sta.key}</div>
						<c:forEach items="${timeList }" var="time">
							<c:if test="${sta.value[time] ne null}">
								<c:choose>
									<c:when test="${sta.value[time] eq 1}">
										<div class="myunit greenDiv"></div>
									</c:when>
									<c:when test="${sta.value[time] eq 0}">
										<div class="myunit redDiv"></div>
									</c:when>
									<c:otherwise>
										<div class="myunit grayDiv"></div>
									</c:otherwise>
								</c:choose>
							</c:if>
							<c:if test="${sta.value[time] eq null}">
								<div class="myunit grayDiv"></div>
							</c:if>
						</c:forEach>
					</div>
				</c:forEach>
			</div></div>
			</div></div>
		